require('../../assets/css/index.less')
require('./home.less')
require('../../assets/font/font_3852666_7r0dooui378/iconfont.css')
require('swiper/dist/css/swiper.min.css')
require('../../assets/js/property.js')
const Swiper=require('swiper')
//引入请求工具
const request = require('../../assets/js/requers')
//引入tabbar渲染函数
const renderTabbar = require('../../assets/js/tabbar')

window.onload=()=>{
    //渲染tabbar
    renderTabbar('home')
  let mySwiper = new Swiper(".swiper-container", {
   
    autoplay : 5000,
   
    loop:true,
    pagination : '.swiper-pagination',
    
    
  });
  // 获取用户信息
  function getUser() {
    request.get('/api/user/info')
      .then(res => {
        // 解构数据
        // console.log(res.data);
        let { data, errno } = res.data
        if (errno === 0) {
          // 渲染页面
          xuanR(data)

        }

      })
  }
  getUser();

  // 获取打卡信息
  function getClock() {
    request.get('/api/user/clockInInfo')
      .then(res => {
        // 解构数据
        // console.log(res.data);
        let { data, errno } = res.data
        if (errno === 0) {
          // console.log(data.isClockIn);
          if (data.isClockIn) {
            $('#daka').textContent = '已打卡'
            $('#daka').classList.add('clocked')
          } else {
            $('#daka').textContent = '今日打卡'
            $('#daka').classList.remove('clocked')
          }
        }
      })
  }

  getClock();


  // 渲染函数
  function xuanR(data) {
    $('#pm').textContent = data.ranking
    $('#clocked').textContent = `累计打卡${data.clockCount}天`
    $('#huizhang').textContent = data.badges
    
  }

  // 点击打卡事件
  $('#daka').addEventListener('click',()=>{
    // console.log(1);
    request.post('/api/user/clockIn')
    .then(res=>{
      console.log(res.data);
      // 解构数据
      let {errno,message}=res.data
      if(errno===0){
        //打卡成功 重新请求数据 自动渲染
        getClock();
        getUser();


      }else{
        alert(message)
      }
    })
  })



}



